<html>
<head>
<title>CanJS Tutorial</title>
<link href="stype.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<h1>CanJS Tutorial</h1>
	<table id="todos"></table>
	<input id="editor"/>
	
	<span id="addtitle">
		<input type="button" class="buttonAdd" value="AddElement"/>
	</span>
	
	<script type="text/mustache" id="todosEjs">
		{{#todos}}
			<tr {{data 'todo'}}>
				<td class="center">
					<input class="item" type="checkbox" {{#if completed}}checked{{/if}} />
				</td>

				<td class="content">{{title}}</td>

				<td class="destroy">
					<a href="#">X</a>
				</td>
			</tr>
		{{/todos}}
	</script>
	
	<script type="text/ejs" id="addEjs">
		
	</script>

	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/canjs/can.jquery.js"></script>
	<script type="text/javascript" src="javascript.js"></script>

</body>
</html>
